草庐IT

Font Awesome 表单图标

全部标签

javascript - Openlayers 3 添加带有图标和文本的可移动标记

在OL3中,我成功制作了一张map,上面有可移动的标记:varmapVectorSource=newol.source.Vector({features:[]});varmapVectorLayer=newol.layer.Vector({source:mapVectorSource});map.addLayer(mapVectorLayer);functionmakeMovable(feature){varmodify=newol.interaction.Modify({features:newol.Collection([feature])});feature.on('change

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - 如何在使用 jquery 在表单文本字段中输入文本时更新跨度

我希望在使用jquery将值输入文本字段时更新一个跨度。我的表单字段有一个名为“userinput”的文本框,我有一个ID为“inputval”的跨度。任何帮助将不胜感激。 最佳答案 更新:尽管您将此标记为正确答案,但请注意您应该使用keyup事件而不是change事件或keydown$(document).ready(function(){$('input[name=userinput]').keyup(function(){$('#inputval').text($(this).val());});});

javascript - 使用javascript提交表单后如何保留表单数据?

当我提交此表单时,值就从文本框中消失了。我喜欢将它们打印在文本框中。我该怎么做?:.error{color:red;font:10ptverdana;padding-left:10px}functionhello(){varhour=$("#hour").html();alert(hour);}$(function(){//validatecontactformonkeyupandsubmit$("#myform").validate({//settherulesforthefildnamesrules:{hour:{required:true,minlength:1,maxlengt

javascript - 如何禁用使用回车键提交表单?

我在输入按键时有一个js事件,它工作正常。但在该事件之后,它还会提交具有提交按钮的表单。在上一个按键事件之后,如何阻止该提交按钮获得焦点?编辑:我不希望提交按钮在输入时提交,只在点击时提交。 最佳答案 您可以使用java脚本执行此操作,如下所示;functionstopReloadKey(evt){varevt=(evt)?evt:((event)?event:null);varnode=(evt.target)?evt.target:((evt.srcElement)?evt.srcElement:null);if(evt.key

javascript - 使用验证器 jQuery 在 Click 事件上验证表单

我正在使用jQuery验证来验证输入。我的代码:$('#button').click(function(){$("#form").validate({rules:{phone:{required:true,number:true,rangelength:[7,14]}}});});和HTML:Send此代码无效。如果我添加这行jQuery$("#form").submit();在它起作用的点击事件中。但我不想提交表单,所以我只想在点击时进行验证。有人知道怎么做吗? 最佳答案 只需添加.form()立即手动触发验证(默认行为等待提交事

javascript - 停止 Enter/Return 键提交表单

这个问题在这里已经有了答案:PreventusersfromsubmittingaformbyhittingEnter(36个答案)关闭6年前。我在表单中有一个表。该表包含一些表单字段,但也有表外(但仍在表单内)的表单字段。我知道Enter和Return传统上用于通过键盘提交表单,但我想停止对表中字段的这种行为。例如,如果我聚焦表中的一个字段并按下Enter/Return,则什么也没有发生。如果我关注表外的字段(但仍在表单内),则它会正常提交。我有一个针对此表的jQuery插件。简而言之,这是我迄今为止尝试过的方法:base.on('keydown',function(e){if(e.

javascript - 如何在 jQuery 数据表上添加带有搜索图标的占位符文本

我正在使用jQuery数据表,我想在搜索输入框中显示带有搜索图标的“搜索”文本作为占位符。我设法添加了文本。请告诉我如何添加占位符图像$(document).ready(function(){$('#example').DataTable({oLanguage:{sSearch:''},"aoColumnDefs":[{'bSortable':false,'aTargets':[3]}]});functionInitComplete(oSettings){$('#example_filter').contents().filter(function(){returnthis.nodeT

javascript - 删除 Bootstrap 的验证图标

解释我正在尝试删除这些Bootstrap'svalidation图标(“x”和“check”),但我已经查看了所有内容,但找不到它在哪里。代码你也可以在里面看到这个JSFiddle.OpenthisselectmenuOneTwoThreeExampleinvalidcustomselectfeedback提前致谢,路易斯。 最佳答案 如果您正在编译BootStrap的SCSS,您可以在导入bootstrap.scss之前包含它:$enable-validation-icons:false;

javascript - 使用 javascript 提交的表单只能在 Google Chrome 中使用一次

我有简单的形式。...还有一些anchor链接Doit!它在FireFox或IE中运行良好,但在GoogleChrome中运行良好。Chrome执行一次,然后链接变得不可点击。 最佳答案 也有这样的问题。决定是在每次提交之前向URL添加一些随机内容。HTML:...JavaScript(jQuery):$('#go').attr('action','go.php?'+Math.random()*1000).submit(); 关于javascript-使用javascript提交的表单只